<template>
    <div>
        <h1 @click="send"  >coma组  件使用{{msg}}{{uuid}}</h1>

        <p  style="color:red"  > {{$store.getters.getcount}} </p>
        <img v-for="  item  in  $store.state.img " :src="item.img"  alt="">
    </div>
</template>

<script>
//  Vue.prototype.$store
    export default {
        props:['uuid'],
        // 注意事项: 这里uuid 是父亲传来的, 属于单向传递, 那么作为儿子不能修改
        data(){
            return { 
                msg :"789",
                password:"abcde"
            }
        },
        methods:{ 
            send(){
                // console.log(this.$props.uuid);
                // this.$props.uuid = "zzz"
                /* 儿子不能改变父亲的值, 一旦改变 只是儿子发生变好, 父亲没有变化 */
                // 如有想要做到统一变化
               this.$emit("yyid",{ password : this.password  , value:"456"})
                this.$store.commit('CHANGDECOUNT',"80")
            }
        },
        mounted() {
                this.$store.dispatch('vuexlogin')
                
        },
        
    }
</script>

<style lang="scss" scoped>

</style>